html,body,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "Arial";
    color:#656565;

}
a{
    text-decoration: none;
    color: #656565;
}
ul,li {
    list-style: none;
}

.enLange{font-family: Georgia,"Times New Roman", Times, serif;}
.wrap{width:1200px;margin:0 auto;}


.text-bold{font-weight: bold;}
.text-666{color:#666;}
.text-999{color:#999;}
.text-orange{color:#ff9d00;}
.text-white{color:#FFFFFF;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.pointer{cursor: pointer;}
.bg-white{background:#FFFFFF;}
/* 布局 */

/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
